<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/search.css">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/jquery-1.12.2.js"></script>
    <script src="./js/search.js"></script>
</head>
<body>
    <!-- 头部导航 -->
        <div class="header-nav">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="hd-nav">
                    <ul>
                        <li><a href="index.html"><img src="./images/find.png" alt="">发现</a></li>
                        <li><a href="search.html"><img src="./images/search.png" alt="">搜索</a></li>
                        <li><a href="sheji.html"><img src="./images/sheji.png" alt="">我的设计</a></li>
                        <li><a href="#"><img src="./images/shoucang.png" alt="">收藏夹</a></li>
                    </ul>
                </div>
                <div class="hd-right">
                    <div class="free">免费试用专业版
                         <span>优惠</span>
                    </div>
                    <div class="wenhao"><a href="#"><img src="./images/wenhao.png" alt=""></a></div>
         
                    <div class="create">创建<span>new</span></div>
                     <div class="message"><img src="./images/message.png" alt=""></div>
                     <div class="panel">哈
                             <div class="hongbao"><img src="./images/hpongbao.png" alt=""></div>
                           <div class="saojiao"><img src="./images/saojiao.png" alt=""></div>
                         </div>
                     </div>   
             </div>
             <!-- 头部导航结束 -->
             <!-- 搜索内容开始 -->
             <div class="search-hd">
                  <h1>搜索你想要的</h1>
                 
                  <div class="search">
                     <span class="back">返回</span>
                      <input type="text" placeholder="输入搜索">
                      <div class="sousuo-icon"></div>
                  </div>
             </div>
             <div class="search-content">
                 <h1>搜索指定内容</h1>
                    <ul class="search-bottom">
                        <li><img src="./images/shafa.png" alt=""><p>单品</p></li>
                        <li><img src="./images/shafa.png" alt=""><p>品牌</p></li>
                        <li><img src="./images/shafa.png" alt=""><p>拼图</p></li>
                        <li><img src="./images/shafa.png" alt=""><p>用户</p></li>
                    </ul>
             </div>
             <!-- 搜索内容结束 -->
             <div class="tag container">
                  <p>分类标签</p>
                  <ul class="tag-con">
                      <li><img src="./images/yiqi.png" alt=""></li>
                      <li><img src="./images/chaji.png" alt=""></li>
                      <li><img src="./images/yiqi.png" alt=""></li>
                      <li><img src="./images/yiqi.png" alt=""></li>
                      <li><img src="./images/yiqi.png" alt=""></li>
                      <li><img src="./images/chaji.png" alt=""></li>
                      <li><img src="./images/yiqi.png" alt=""></li>
                      <li><img src="./images/chaji.png" alt=""></li>
                      <li><img src="./images/yiqi.png" alt=""></li>
                      <li><img src="./images/yiqi.png" alt=""></li>
                      <li><img src="./images/chaji.png" alt=""></li>
                      <li><img src="./images/yiqi.png" alt=""></li>
                  </ul>
             </div>
</body>
</html>